<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" />
		<title></title>
	</head>
	<!--
        	作者：肖静怡
        	时间：2018-10-9
        	描述：
		-->
	<body style="height: 1200px;">
		<script src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript">
			$("body").click(function(envent){//envent获取纵横坐标
				var x=envent.pageX;
				var y=envent.pageY;
				var span=$("<span></span>").append("<i class='fa fa-hand-o-left fa-5x' aria-hidden='true''></i>")
			span.css({
				"z-index":99999,
				"position":"absolute",
				left:x,
				top:y,
				color:"red"
			});
			$("body").append(span);
			$("span").animate({
			    top:"+=50px",
			    opacity:0
			    
			},function(){
				$(this).remove();
			});
			});
		</script>
	</body>
</html>
